<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#d1{
				width: 400px;
				height: 400px;
				background-color: #ffbe54;
				border-radius: 50%;
			}
			#d2{
				width: 120px;
				height:50px;
				background-color: #ffffff;
				border-radius: 80%;
				position: relative;
				left: 50px;
				top: 115px;
			}
			#d3{width: 120px;
				height:50px;
				background-color: #ffffff;
				border-radius: 80%;
				position: relative;
				left: 170px;
				top: 0px;
			}
			#d4{
				width: 60px;
					height:50px;
					background-color: #000;
					border-radius: 60%;
					position: relative;
					left: 10px;
					top: 0px;
			}
			#d5{
				width: 60px;
					height:50px;
					background-color: #000;
					border-radius: 60%;
					position: relative;
					left: -170px;
					top: 0px;
			}
			#d6{
				width: 300px;
				height: 300px;
				border: 8px solid #ffbe54;
				border-bottom-color: #000;
				border-radius: 70%;
				position: relative;
				left: -16px;
				top: -94px;
			}
			#d7{
				width: 120px;
				height:50px;
				background-color: #f9585a;
				border-radius: 80%;
				position: relative;
				left: 219px;
				top: 171px;
			}
			#d8{
				width: 120px;
				height:50px;
				background-color: #f9585a;
				border-radius: 80%;
				position: relative;
				left: -255px;
				top: 0px;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<div id="d2">
				<div id="d3">
					<div id="d4">
						<div id="d5">
							<div id="d6">
								<div id="d7">
									<div id="d8"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>